﻿@model SmallJob.Model.Provide
@{
    ViewBag.Title = Model.Title;
    ViewBag.Description = Model.Title;
    Layout = "~/Views/Shared/_Layout2.cshtml";
    string avt = Model.User.Avatar ?? Url.Content("~/Content/img/blank-avatar.jpg");
    var cul = System.Globalization.CultureInfo.GetCultureInfo("vi-VN");
    var orders = ViewData["comment"] as List<SmallJob.Model.Order>;
}
<div class="service-detail">
    <div class="service-detail-container">
        <div class="row-fluid">
            <div class="span8 service-detail-box main-column">
                <div class="inner">
                    <h1>@Model.Title</h1>
                </div>
                <div class="service-detail-slide">
                    <ul class="rslides" id="rslides-service-detail">
                        @foreach (var img in Model.ImagePath.Split(';'))
                        {
                            if (img.Length > 0)
                            {
                                var url = img + "?w=630&h=472&q=90&format=jpg&mode=crop";
                            <li>
                                <img src="@url" alt="@Model.Title">
                            </li>
                            }
                        }
                    </ul>
                </div>
                <div class="inner">
                    <h2>Giới thiệu dịch vụ</h2>
                    @if (!Model.User.Premium)
                    {
                        @MvcHtmlString.Create((SmallJob.Services.Code.StringHanding.Hide(HttpUtility.HtmlDecode(Model.DescriptionOrder), Resources.Resource.HidePhoneRepalceText, Resources.Resource.HideEmailRepalceText, Resources.Resource.KeywordHide)))
                    }
                    else
                    {
                        @MvcHtmlString.Create((HttpUtility.HtmlDecode(Model.DescriptionOrder)))
                    }
                    <div class="service-detail-line"></div>
                    <div id="bottom-price" class="service-detail-box texture">
                        <div class="quantity-price">@(Model.Price == 0 ? "0" : Model.Price.ToString("#,###", cul.NumberFormat)) ₫</div>
                        <div class="place-order">
                            @if (User.Identity.IsAuthenticated)
                            {
                                if (Convert.ToBoolean(ViewData["isOwner"]))
                                {
                                <button class="btn btn-large btn-success" onclick="alertMess()" type="button"><i class="icon-shopping-cart icon-white"></i>&nbsp;Đặt dịch vụ</button>
                                }
                                else
                                {
                                <button class="btn btn-large btn-success" onclick="modalpreorder()" type="button"><i class="icon-shopping-cart icon-white"></i>&nbsp;Đặt dịch vụ</button>
                                }
                            }
                            else
                            {
                                <button class="btn btn-large btn-success" onclick="showlogin()" type="button"><i class="icon-shopping-cart icon-white"></i>&nbsp;Đặt dịch vụ</button>
                            }
                        </div>
                    </div>
                </div>
            </div>
            <div class="span4 sidebar">
                <div class="service-detail-box sidebar-block texture" id="service-detail-sideinfo">
                    <div class="inner">
                        <div class="quantity-price">@(Model.Price == 0 ? "0" : Model.Price.ToString("#,###", cul.NumberFormat)) ₫</div>
                        <div class="place-order">
                            @if (User.Identity.IsAuthenticated)
                            {
                                if (Convert.ToBoolean(ViewData["isOwner"]))
                                {
                                <button class="btn btn-large btn-success" onclick="alertMess()" type="button"><i class="icon-shopping-cart icon-white"></i>&nbsp;Đặt dịch vụ</button>
                                }
                                else
                                {
                                <button class="btn btn-large btn-success" onclick="modalpreorder()" type="button"><i class="icon-shopping-cart icon-white"></i>&nbsp;Đặt dịch vụ</button>
                                }
                            }
                            else
                            {
                                <button class="btn btn-large btn-success" onclick="showlogin()" type="button"><i class="icon-shopping-cart icon-white"></i>&nbsp;Đặt dịch vụ</button>
                            }
                            @if (User.Identity.IsAuthenticated)
                            {
                                if (User.Identity.Name == Model.User.Email || User.Identity.Name == Model.User.FbID)
                                {
                                <p class="place-order-edit"><a href="/sua-dich-vu/@Model.ID" ><i class="icon-edit"></i>&nbsp;Sửa dịch vụ</a></p>
                                }
                            }
                        </div>
                        <div class="place-order-note">
                            <p class="muted"><i class="icon-ok"></i>&nbsp;Chi tiết công việc được trao đổi sau</p>
                            <p class="muted"><i class="icon-ok"></i>&nbsp;Nhận thông báo qua email và sms</p>
                        </div>
                        <div class="place-order-question">
                            <p class="text-error pull-left">Băn khoăn?</p>
                            @if (User.Identity.IsAuthenticated)
                            {
                                if (Convert.ToBoolean(ViewData["isOwner"]))
                                {
                                <button class="btn pull-right" type="button" onclick="alertMess()"><i class="icon-question-sign"></i>&nbsp;Đặt câu hỏi</button>
                                }
                                else
                                {
                                <button class="btn pull-right" type="button" onclick="showMessageBox()"><i class="icon-question-sign"></i>&nbsp;Đặt câu hỏi</button>
                                }
                            }
                            else
                            {
                                <button class="btn pull-right" type="button" onclick="showlogin()"><i class="icon-question-sign"></i>&nbsp;Đặt câu hỏi</button>
                            }
                        </div>
                    </div>
                </div>
                <div class="service-detail-box sidebar-block" id="service-detail-creator">
                    <div class="container-header">
                        Người đăng dịch vụ
                    </div>
                    <div class="user-avatar">
                        <a href="/@(Model.User.UserName ?? Model.User.ID.ToString())">
                            <img src="@avt?w=140&h=140&q=90&format=jpg&mode=crop" />
                        </a>
                    </div>
                    <a href="/@(Model.User.UserName ?? Model.User.ID.ToString())">
                        <h4 class="text-center">@Model.User.ProperName</h4>
                    </a>
                    @if (User.Identity.IsAuthenticated && !Convert.ToBoolean(ViewData["isOwner"]))
                    {
                        if (!Convert.ToBoolean(ViewData["isFollowwed"]))
                        {
                        <p class="text-center user-edit">
                            <a class="btn btn-small"  onclick="follow(@Model.UserID)" href="javascript:;"><i class="icon-star"></i>&nbsp;Quan Tâm</a>
                        </p>
                        }
                        else
                        {
                        <p class="text-center user-edit">
                            <a class="btn btn-small"  onclick="unfollow(@Model.UserID)" href="javascript:;"><i class="icon-remove"></i>&nbsp;Bỏ Quan Tâm</a>
                        </p>
                        }
                    }
                </div>

                <div class="service-detail-box sidebar-block" id="service-detail-comment">
                    <div class="container-header">
                        Nhận xét dịch vụ
                    </div>
                    <div class="inner">
                        @foreach (var item in orders)
                        {
                            <p><a href="/@(item.Buyer.UserName ?? item.Buyer.ID.ToString())">@item.Buyer.ProperName</a> đánh giá:</p>
                            <div class="rateit" data-rateit-value="@item.Rate" data-rateit-ispreset="true" data-rateit-readonly="true"></div>
                            <p><em>"@item.Comment"</em></p>
                        }
                    </div>
                </div>
                <div class="service-detail-box sidebar-block" id="viecnho-fb-fanpage">
                    <div class="container-header">
                        ViecNho trên Facebook
                    </div>
                    <div class="fb-like-box" data-href="https://www.facebook.com/viecnhomedia" data-width="306" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal hide fade" tabindex="-1" role="dialog" id="div-mess-box" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Đặt câu hỏi cho @Model.User.ProperName</h3>
    </div>
    <div class="modal-body">
        @using (Html.BeginForm("SendMessage", "Message", FormMethod.Post, new { id = "form-message" }))
        {
            <h4 class="muted vn-modal-headline">Hỏi đáp về dịch vụ @Model.Title</h4>
            <input type="hidden" name="provideID" value="@Model.ID" />
            <input type="hidden" name="reviceID" value="@Model.User.ID" />
            <textarea rows="3" name="contentMessage" id="area-content" style="width: 515px; height: 120px"></textarea>
            <button type="submit" id="btn-submit-message" class="btn btn-primary">Gửi câu hỏi</button>
        }
    </div>   
</div>
@if (ViewData["issuccess"] != null && Convert.ToBoolean(ViewData["issuccess"]))
{
    <div class="modal hide fade" tabindex="-1" role="dialog" id="div-order-box" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Đặt dịch vụ của @Model.User.ProperName</h3>
        </div>
        <div class="modal-body">
            <div class="alert alert-info">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                Bạn đã thanh toán trước thành công. Có thể thêm ghi chú và hoàn thành đặt dịch vụ. Hoặc <a href="@Url.Action("Details", "Order", new {id=ViewData["orderid"] })">đi đến</a> đơn hàng của bạn
            </div>
            @using (Html.BeginForm("Save", "Order", FormMethod.Post, new { id = "form-order" }))
            {
                <h4 class="vn-modal-headline place-order-title">@Model.Title</h4>
                <h4 class="muted vn-modal-headline">Giá : @(Model.Price / 1000).000 ₫</h4>
                <h4 class="muted vn-modal-headline">Đã trả : @(SmallShop.Services.Code.OrderHelper.GetAmountPrePayment(Model.Price,Model) / 1000).000 ₫</h4>
                <input type="hidden" name="orderid" value="@ViewData["orderid"]" />
                <div class="control-group">
                    <div class="controls service-add-input">
                        <div class="input-prepend">
                            <label>Ghi chú thêm về yêu cầu dịch vụ</label>
                            <textarea rows="3" name="contentMessage" id="area-order-mess" style="width: 515px; height: 120px"></textarea>
                        </div>
                    </div>
                </div>
                <button type="submit" id="btn-submit-order" class="btn btn-primary">Đặt dịch vụ</button>
            }
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#div-order-box').modal({
                show: true
            });
        });
        $('#form-order').ajaxForm(function (data) {
            if (data != null) {
                $('#area-order-mess').val('');
                $.post('@Url.Action("GetFBInfo", "User")', { id: data.sellerID }, function (response) {
                    console.log(response);
                    if (response != null && response != 'null') {
                        FB.api('/' + response.fbID + '/notifications', 'post', {
                            template: data.buyerName + ' đã đặt dịch vụ: @MvcHtmlString.Create(Model.Title) của bạn tai viecnho.com',
                            access_token: accessToken,
                            href: 'home/Notify'
                        }, function (resp) {
                            //console.log('ssss');
                            //console.log(resp);
                            $('#div-order-box').html(
                                  '<div class="form-actions" style="text-align:center">'
                                + '<div class="alert alert-success">'
                                + '<h4>Hoàn thành</h4>'
                                + 'Đơn hàng của bạn đã được đặt thành công.<br />'
                                + '<a href="@Url.Action("Details", "Order", new { id=ViewData["orderid"]})">Đi đến đơn hàng của bạn.</a>'
                                + '</div>'
                                + '<button type="button" class="btn btn-primary" id="close-order-box">Đóng</button>'
                                + '</div>');
                            $('#close-order-box').click(function () {
                                $('#div-order-box').modal('hide');
                            });
                        });
                    }
                });
            }
         });
        $('#form-order').submit(function () {
            $('#btn-submit-order').attr("disabled", "disabled");
            $('#area-order-mess').attr("disabled", "disabled");
            return true;
        });
    </script>
}
else if (ViewData["issuccess"] != null && !Convert.ToBoolean(ViewData["issuccess"]))
{
    <div class="modal hide fade" tabindex="-1" role="dialog" id="div-payment-result" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Thanh toán không thành công</h3>
        </div>
        <div class="modal-body">
            <div class="alert alert-error">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                Thanh toán thất bại. Đã có lỗi xảy ra:
            </div>
            <p>@ViewData["result"]</p>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('#div-payment-result').modal({
                show: true
            });
        });
    </script>
}
<script type="text/javascript">
    var accessToken = '479862562081214|kOUNzyGqHm03nFfA53CHw9OIdyY';
    function showlogin() {
        $('#login').modal({
            show: true
        });
    }
    function alertMess() {
        alert("Đây là dịch vụ của bạn. Không thể thực hiện thao tác này!");
    }
    function showMessageBox() {
        $('#div-mess-box').modal({
            show: true
        });
    }
    $(document).ready(function () {
        $('#form-message').ajaxForm(function (data) {
            if (data == true) {
                $('#area-content').val('');
                $('#btn-submit-message').removeAttr("disabled");
                $('#area-content').removeAttr("disabled");
                $('#div-mess-box').modal('hide');
            }
        });
        $('#form-message').submit(function () {
            if ($('#area-content').val().length > 0) {
                $('#btn-submit-message').attr("disabled", "disabled");
                $('#area-content').attr("disabled", "disabled");
                return true;
            }
            else
                return false;
        });
       
        $('#btn-cancel-mess').click(function () {
            $('#div-mess-box').modal('hide');
        });
        $('#btn-cancel-order').click(function () {
            $('#div-order-box').modal('hide');
        });
    });
    function showOrderBox() {
        //alert("Chức năng đang được hoàn thiện!");
        $('#div-order-box').modal({
            show: true
        });
    }
    function follow(id) {
        $.post('@Url.Action("AddFollow", "User")', { id: id }, function (d) {
            if (d) {
                window.location = window.location;
            }
        });
    }
    function unfollow(id) {
        $.post('@Url.Action("RemoveFollow", "User")', { id: id }, function (d) {
            if (d) {
                window.location = window.location;
            }
        });
    }
    function modalpreorder() {
        if ($('#viecnho-payment-preorder').length === 0) {
            $.post("/Payment/ModalPreOrder", { id: '@Model.ID' }, function (data) {
                if (!data) {
                    $('#login').modal();
                } else {
                    $('body').append(data);
                    $('#viecnho-payment-preorder').modal();
                }
            });
        } else {
            $('#viecnho-payment-preorder').modal();
        }
    }
</script>
